<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'sheji.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" href="css/sheji.css" type="text/css">

  </head>
  
  <body>
    <!--页头-->
    <div>
        <div  id="tou">
            <div id="title">
                <div id="logo"><a href="shouye.html"><img src="images/Smartisan_03.gif" height="41" width="44" id="logo1"/></a></div>
                <div id="caidan">
                    在线商城&emsp;&emsp;<span class="chu"><a href="jianguoPro2.html">坚果Pro2</a></span>&emsp;&emsp;坚果Pro&emsp;&emsp;Smartisan OS&emsp;&emsp;欢喜云&emsp;&emsp;应用下载&emsp;&emsp;官方论坛&emsp;&emsp;
                    <div id="tu"><a href="denglu.html"><img src="images/Smartisan_06.gif" height="20" width="20" id="ren"/></a>&emsp;&emsp;<a href="GouWuChe.html"><img
                            src="images/Smartisan_08.gif" height="20" width="25" id="che"/></a></div>
                    <div class="yuan">0</div>
                </div>
            </div>
        </div>
        <div class="ertou">
            <div id="cai">
                <div class="yi">
                    <ul class="li">
                        <li>概述</li>
                        <li><a href="sheji.html">设计</a></li>
                        <li><a href="gongneng.html">功能</a></li>
                        <li><a href="Jianguo.html">操作系统</a></li>
                        <li>技术规格</li>
                    </ul>
                </div>
                <div class="er">
                    <ul class="li1">
                        <li>优先购买码&emsp;&emsp;|</li>
                        <li>手机回收置换计划</li>
                        <li><a href="GuanWang.html"><input type="button" value="现在购买" style="background-color: #23499f;border: 1px solid #23499f; border-radius: 5px"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
<!--主体-->
    <div id="body">
        <!--第一个图-->
        <div>

        </div>
        <!--第二行-->
        <div>
            <h1>“少就是多”</h1>
            <div>
                <p>隐藏的听筒</p>
            </div>
            <div>
                <p>隐藏的距离 + 光线感应器</p>
            </div>
            <div>
                <p>隐藏的双摄</p>
            </div>
            <div>
                <p>隐藏的指纹识别</p>
            </div>
        </div>
        <!--第三行-->
        <div class="baohu">
            <div>
                <h1>为了那些改变人类进程的足迹</h1>
                <p>·坚果 Pro2“足迹”系列保护套·</p>
            </div>
            <!--图片-->
            <div class="ke">
                <ul>
                    <li>
                        <img src="images/footprint-01@2x.fb1690db4ac20bd66737718d3fa5c34d.png" height="515" width="289"/>
                    </li>
                    <li>
                        <img src="images/footprint-02@2x.82313a43bfc7ad29752ebce404cc26d4.png" height="515" width="289"/>
                    </li>
                    <li>
                        <img src="images/footprint-03@2x.17e5e58adf83e5bfa9d90a9388cbeeba.png" height="515" width="289"/>
                    </li>
                    <li>
                        <img src="images/footprint-04@2x.2ca9a8c1dbd11cb486146731ad401829.png" height="515" width="289"/>
                    </li>
                    <li>
                        <img src="images/footprint-05@2x.2f43789d05dc4be94fe265917f8547f2.png" height="515" width="289"/>
                    </li>
                </ul>
            </div>
            <div class="yuan5">
                <div>
                    <ul>
                        <li id="zuo5"><a href="javascript:vido=0">&lt;</a></li>
                        <li id="biaoti"><h3>&emsp;&emsp;&emsp;&emsp;</h3></li>
                        <li id="you5"><a href="javascript:vido=0">&gt;</a></li>
                    </ul>
                </div>
            </div>
            <!--线-->
            <div class="xian">
                <div>
                    <img src="images/sheji_23.jpg" height="15" width="18"/>
                </div>
            </div>
            <!--时间、按钮-->
            <div id="anniu">
                <input type="button" style="background-color: blue;color: #fff;border: 0px solid #fffdef;border-radius: 10px;width: 100px;height: 35px" value="现在购买">
            </div>
        </div>
    </div>
<!--页脚-->
<div id="jjjj">
    <div id="yejiao">
        <div class="kuan">
            <div class="zuo">
                <ul id="hhhh">
                    <li >
                        <p>订单服务</p>
                        <p>购买指南<br>支付方式<br>送货政策</p>
                    </li>
                    <li>
                        <p>服务支持</p>
                        <p>售后服务<br>维修门店<br>零售门店</p>
                    </li>
                    <li>
                        <p>自助服务</p>
                        <p>热点资讯<br>预约购买<br>订单物流</p>
                    </li>
                    <li>
                        <p>媒体中心</p>
                        <p>新闻动态<br>官方视频<br>图片资源</p>
                    </li>
                    <li>
                        <p>关于公司</p>
                        <p>公司简介<br>加入我们<br>联系我们</p>
                    </li>
                    <li>
                        <p>关注我们</p>
                        <p>新浪微博<br>官方微信<br>官方贴吧</p>
                    </li>
                </ul>
            </div>
            <div class="you">
                <h3>400-626-5666</h3>
                <p class="p">周一至周六9：00-1800(仅收市话费)</p>
                <div id="xiao"><img src="images/官方在线商城---Smartisan_156.gif" height="14" width="15"/> 在线帮助</div>
            </div>
        </div>
        <hr>
        <div class="z">
            <p>Copyright © , Smartisan Digital Co., Ltd. All Rights Reserved.北京锤子数码科技有限公司 &emsp;|<span>法律声明</span> &emsp;|<span>隐私条款</span> &emsp;|<span>开发者中心</span><br>
                <span style="color: #5c5251">京ICP备14041720号-1京ICP证140622号京公网安备11010502025474</span>
            </p>
        </div>
        <div class="you2">
            <img src="images/官方在线商城---Smartisan_160.gif" height="15" width="23"/>&emsp;中文
        </div>
    </div>
</div>
  </body>
</html>
